import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

// import './assets/main.css'

import "amfe-flexible/index"
import "normalize.css"

import 'vant/lib/index.css';

import { Tabbar, TabbarItem } from 'vant';	// 标签栏

import { Swipe, SwipeItem } from 'vant'; // 轮播

import { Search } from 'vant';		// 搜索

import { Grid, GridItem } from 'vant';  // 宫格

import { Sidebar, SidebarItem } from 'vant';   //  侧边导航

import { SubmitBar } from 'vant'   //  提交订单栏

import { Checkbox, CheckboxGroup } from 'vant';   // 复选框

import { Card } from 'vant';   // 商品卡片

import { Icon } from 'vant'		// 图标

import store from "./store/index"	// 仓库

import { Popup } from 'vant';	// 弹出层
import { Cell } from 'vant';	// 弹出层

import { Form, Field, CellGroup } from 'vant'; //表单 登陆页面

import { Button } from 'vant';

import { Dialog } from 'vant';	// 弹出框

import { Popover } from 'vant';

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

const app = createApp(App)

app.use(router)


app.use(Tabbar);	// 标签栏
app.use(TabbarItem);

app.use(Swipe);		// 轮播
app.use(SwipeItem);

app.use(Search);  // 搜索

app.use(Grid);		// 宫格
app.use(GridItem);


app.use(Sidebar);		//  侧边导航
app.use(SidebarItem);   

app.use(SubmitBar);  //  提交订单栏

app.use(Checkbox);    // 复选框
app.use(CheckboxGroup);

app.use(Card);		// 商品卡片

app.use(Icon);	// 图标

app.use(store)	// 仓库

app.use(Popup);	// 弹出层
app.use(Cell);	

app.use(Form);	//表单 登陆页面
app.use(Field);
app.use(CellGroup);	

app.use(Button);

app.use(Dialog);  // 弹出框

app.use(Popover);

app.use(ElementPlus)

app.mount('#app')
